<script setup>
import { ref } from 'vue'
import HmSon2 from './components/HmSon2.vue'
/*
  父子组件传值
    vue2:
       <子组件标签 :属性名="父组件属性"  @方法="父组件方法"  />
       子组件内：
         props:{
          属性名:{..}
         }
        this.$emit('方法',实参值)
    vue3:
      父传子
         <子组件标签 :属性名="父组件属性" />
        const props= defineProps({
           属性名:{
            type:,
            required,
            validator:...
           }
         })
         访问：
            html:{{属性名}}
            js:props.属性名
      子传父
        <子组件标签 :属性名="父组件属性" @方法="父组件方法" />
        子组件内：
           const emits=defineEmits(['方法'])
           emits('方法',实参值)

*/
const money = ref(1000)
const setMoney = val => {
  money.value = money.value - val
}
</script>

<template>
  <div class="page">
    <HmSon2 :money="money" @setMoney="setMoney"></HmSon2>
  </div>
</template>

<style scoped></style>
